.checkbox {
    cursor: pointer;
}

.checkbox input[type=checkbox] {
    display: none;
}

.checkbox span {
    background: white;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    position: relative;
    transition: all .2s cubic-bezier(.68,-.55,.27,1.55);
}

.checkbox span::after {
    position: absolute;
    width: 1em;
    height: 1em;
    content: '\20';
    border-radius: 3px;
    background-color: white;
    border: 1px solid #e9e9e9;
    /*transform: rotate(45deg) scale(0);*/
    transition: all .2s cubic-bezier(.18,.89,.32,1.28) .1s;
}